@charset "utf-8";
/*Inner Pages*/

/******************* main pages styles *****************/
/******************************************************/

.pgbackground { -moz-opacity:1; -webkit-opacity:1; opacity:1;}

body{
	font-family: Arial, sans-serif;
	font-size:16px;
	color:#000;
	background:#fff url(../images/browse_bg.jpg) repeat;
}

.pg_wrapper { width:100%; position:absolute; left:0; top:0;}

.container_all { width:980px; margin:0 auto; padding:0; /*background:#FFF;*/ height:930px; position:relative;}
.container_all img.pg_bg {
	position:absolute;
	background:#fff url(../images/browse_bg.jpg) repeat;
	left:0;
	top:0;
	z-index:0;
	/*opacity 0*/
	}


.inside { width:100%; position:relative}

.pg_loader_20 { position:absolute; left:50%; top:40%; right:50%; background:#FFF url(../images/loader_brwn_wt.gif) center no-repeat; width:44px; height:38px; z-index:100; /*display:none;*/ opacity:0.8; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }

.pg_overlay_20 {
	width:980px;
	height:890px;
	/*background: url(../images/overlaybg20.png) repeat;*/
	position:absolute;
	top:0;
	left:0;
	/*opacity 0*/
	z-index: 1;
}

.menu_line { width:970px; height:1px; text-align:center; background: url(../images/menu_line222.png) no-repeat top center; position:absolute; top:195px;	left:-1/*75px*/; /*opacity 0*/	z-index: 2;}

.topstrip_20 {
	width:100%;
	height:155px;
	text-align:center;
	background:url(../images/topbg_20.jpg);
	border-bottom:#ffd200 6px solid;
	position:absolute;
	top:0px;
	left:0px/*75px*/;
	/*opacity 0*/ 
	z-index: 0;
}
/* logo image */
.logoholder-20 img { position:absolute; top:10px; left:0px/*75px*/; width:180px; height:135px; /*opacity 0*/ 
	z-index:5;}

.logoholder-20 a { text-decoration:none}

/* logo title slogan */
.logo-in-020 {	width:500px; height:102px; text-align:center; position:absolute; top:6px; left:184px/*75px*/;
	/*opacity 0*/ z-index: 4;}
.logo-in-020 h1 {
	font-family: 'LibelSuitRegular';
	color:#000;
	font-size:40px;
	text-align:left;
	position:absolute;
	top:35px;
	left:15px;
	/*opacity 0*/ 
	z-index: 4;
}
.logo-in-020 h2 {
	font-family: Arial, 'CaviarDreamsRegular';
	color:#3B3B3B;
	font-size:18px;
	font-weight:normal;
	top:83px;
	position:absolute;
	left:15px;
	/*opacity 0*/
	z-index: 3;
}

.squarbox_red_20 {	width:66px; height:66px; text-align:center; background-color:#FFD200; opacity:0.2; filter:alpha(opacity=60);  position:absolute;	top:0px; left:786px/*75px*/; /*opacity 0*/	z-index: 20;}
.squarbox_black_20 {	width:26px; height:26px; text-align:center; background-color:#333333;  position:absolute;	top:49px; left:834px/*75px*/; /*opacity 0*/	z-index: 10;}

/* facebook twitter */
.sicons_text{
	position:absolute;
	width:97px;
	height:42px;
	padding-left:0px;
	padding-top:13px;
	text-align:left;
	color:#FFF;
	font-size: 12px;
	z-index:1;
	left: 39px;
	top: -4px;
	
}

.socialnetwork-20 {
	position:absolute;
	bottom:60px;
	left:104px;
	z-index:100;
	width:139px;
	height:42px; 
	color:#fff;
	/*border-bottom:rgba(255,255,255,1) 1px dotted;*/
}
.socialnetwork2-20 {
	position:absolute;
	bottom:-3px;
	left:104px;
	z-index:4;
	width:141px;
	height:55px;
	color:#fff;
}
.socialnetwork-20 a,.socialnetwork-20 span a,.socialnetwork2-20 span a { text-decoration:none; color:#FFF}
.socialnetwork-20 img { float:left; border:0; margin:0 1px;}

/*Home Icon*/
.homeicon_20 { position:absolute; top:128px; right:40px; /*opacity 0*/ z-index:200;} 
.homeicon_20 a { text-decoration:none;}
.homeicon_20 img { float:left; border:0;}

/*main menu*/
ul.nav-in-020 {	width:970px; clear:both; list-style:none; position:absolute; font-weight:normal; font-size:17px; top:161px; left:5px;	height:100px; /*opacity 0*/ z-index: 17; }

ul.nav-in-020 li { width: 192px; margin-bottom:2px; height:46px; float:left; background:url(../images/menu_bg_20.jpg) repeat-x; border: #000  1px solid ; text-align:left; position:relative; }

ul.nav-in-020 li a { text-decoration:none; display:block; font-family:Arial, Helvetica, sans-serif; color:#fff; width:180px; height:36px; padding-top:14px; position:absolute; z-index:4; left:0; top:0; overflow:hidden; background-color:transparent; padding-left:12px; text-align:center}

ul.nav-in-020 li a:hover {width: 180px; background:url(../images/menu_bg_hover_20.jpg) repeat-x;  height:38px;  color:#000; -moz-transition: all 0.2s linear; text-align:center
   -webkit-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   transition: all 0.2s linear;
 }

ul.nav-in-020 li.current { width:180px; background:url(../images/menu_bg_hover_20.jpg) repeat-x; height:38px; color:#000; padding:8px 0 0 4px; font-family:Arial, Helvetica, sans-serif; overflow:hidden; padding-left:12px; text-align:center}

ul.nav-in-020 li.current:before, ul.nav-in-002 li a:hover:before, ul.nav-in-002 li a:before {  /*content:url(../images/btncur_arrow.png) no-repeat top center;*/ margin-right:5px;}

.navinover { width:190px; /*background:#FFD200;*/ height: 0px;  position:absolute; z-index:2; left:0; bottom:0; -moz-opacity:0; -webkit-opacity:0;	opacity:0;}

/*content wrapper*/
.content-20 { width:980px;	position:absolute; top:260px; left:0;	z-index:10;	/*opacity 0*/ color:#FFD200; height: 520px;}
	
.content-20 h2 { font-size:24px; color:#F90}
/*image and sub-menu*/
.cimgbox-20 {
	width:221px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	height:529px;
}
img.cimg { float:right; padding:5px; margin:5px;}

ul.submenu-20 { width:220px; list-style:none; padding-top:5px }
ul.submenu-20 li { font-size:16px; float:right; clear:right}
ul.submenu-20 li a { padding:4px 8px 4px 4px; margin-bottom:1px; width:206px; height:28px; line-height:28px; background-color: #000; background-position:right;  color:#FFF; text-align:right; text-decoration:none; /*display:inline-block !important;*/}

ul.submenu-20 li a:hover {  padding:4px 8px 4px 4px; margin-bottom:1px; width:206px; height:28px; line-height:28px; background:#FFD200; background-position:right;  color:#FFF; text-align:right; text-decoration:none;}
ul.submenu-20 li a:hover:before { content:url(../images/smcur_arrw.png); margin-left:5px; }


ul.submenu-20 li.current { width:206px; background:#FFD200; height:20px; color:#fff; padding-top:4px; font-family:Arial, Helvetica, sans-serif; display:inline-block;  }

ul.submenu-20 li.current:before { content:url(../images/smcur_arrw.png); margin-left:5px; }
ul.submenu-20 li a:before { content:url(../images/sm_arrw.png); margin-left:5px; }


/*content box*/
#mp_container_20 { width:700px; position:absolute; top:5px; right:26px; z-index:3; height:500px; background:url(../images/contbg_20.jpg) repeat; border-top:#ffd200 8px solid; padding-left:10px;}

#scrollBox_20 {
	padding:10px 40px 10px 30px;
	height: 420px;
	width: 630px;
	text-align:justify;
	overflow: auto;
	margin-bottom:10px;
	color:#3B3B3B;

  	}

/*for richtext*/
#scrollBox_20 a { text-decoration:underline; color:#3B3B3B;}
#scrollBox_20 a:hover { color:#FF9900}
#scrollBox_20 b { font-weight:bold;}
#scrollBox_20 i,#scrollBox_20 em { font-style:italic}
#scrollBox_20 u { text-decoration:underline}
/**/


#mp_container_20 h3 { font-family: Arial, Helvetica, sans-serif; color:#000; font-size: 24px; line-height: 56px; text-decoration:underline; padding-left:25px}
	
/****************/
/* icons */

.icons_text{
	position:absolute;
	width:111px;
	height:22px;
	padding-top:0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size: 12px;
	z-index:1;
	left: -3px;
	top: 58px;
}

.sitegallery-20,.mediaplayer-20,.store-20,.contactus-20,.snetworks,.bottomtext-20 {
	position:absolute;
	text-align:center;
	width:97px;
	height:84px;
	/*opacity 0*/
	z-index:10;
	border-right:rgba(255,255,255,1) 1px dotted;
}
.bottomtext-20 { top:870px;}

.sitegallery-20 a,.mediaplayer-20 a,.store-20 a,.contactus-20 a,.snetworks a{ text-decoration:none;}
.sitegallery-20 img,.mediaplayer-20 img,.store-20 img,.contactus-20 img { border:0; width:50px; height:50px;z-index:10;}

.sitegallery-20 {
	top:820px;
	right:440px;
	z-index:10; 
}
.mediaplayer-20 {
	top:820px;
	right:320px; 
	z-index:10;
}
.store-20 {
	top:820px;
	right:203px;
	z-index:10; 
}
.contactus-20 {
	top:820px;
	right:85px;
	z-index:10; 
}
/* social network icons */
.snetworks { width:30px; height:136px; bottom:25px; left:6px;	z-index:4;	} 
	
.snetworks a { text-decoration:none}
.snetworks img { float:left; border:0; margin:0px 3px;}

/* bottom text*/

.bottomstrip-20 {
	width:100%;
	height:130px;
	text-align:center;
	background:url(../images/bottombg_20.jpg) repeat-x;
	border-top:#000 6px solid;
	position:absolute;
	bottom:0px;
	left:0px/*75px*/;
	/*opacity 0*/
	z-index: 0;
}


/*copyright*/
.copyrightTxt_styl20 {width:100%; min-height:30px; max-height:100px; overflow:hidden; color:#FFF; font-size:12px; line-height:18px; padding:10px 0; position:absolute; bottom:0; right:0; z-index:10 }
.copyrightTxt_styl20 p { width:600px; float:right; padding:0 20px; text-align:right;}




/* image holders */
.imgholder-20  { width:200px; background:#DCDCDC; padding:8px; margin-right:4px; margin-bottom:1px; z-index:2; overflow:hidden; height:200px; margin-bottom:-8px; display:table-cell; vertical-align:middle; text-align:center;}
.imgholder-20 img { width:200px; height:auto;}
.imgholder2-20 { position:absolute; width:226px; height:76px; background:#DCDCDC;	padding:6px; top:41px; right:28px; z-index:2;}

.container_all img.pg_bg,.logoholder-20 img,.logo-in-020,.logo-in-020 h1,.logo-in-020 h2,.topstrip_20,.squarbox_red_20, .squarbox_black_20,.pg_overlay_20,.socialnetwork-20,.socialnetwork2-20,.homeicon_20,ul.nav-in-020,.content-20,.sitegallery-20,.mediaplayer-20,.store-20,.contactus-20,.snetworks,.topstrip-20,.topstrip-20_back,.logoholder-20 img,.graphic_top,.bottomtext-20,.menu_line,.bottomstrip-20,.snetworks_strip,.copyrightTxt_styl20 { filter: alpha(opacity=0); -moz-opacity:0; 
	-webkit-opacity:0;	 
	opacity:0;}


.imgholder-20 img.heightImg,.imgholder2-20 img.heightImg { height:200px !important; width:auto;}
/**********************************************/


/* embed fonts */
@font-face {
    font-family: 'LibelSuitRegular';
    src: url('../themes/fonts/libelsuit-webfont.eot');
    src: url('../themes/fonts/libelsuit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../themes/fonts/libelsuit-webfont.woff') format('woff'),
         url('../themes/fonts/libelsuit-webfont.ttf') format('truetype'),
         url('../themes/fonts/libelsuit-webfont.svg#LibelSuitRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CaviarDreamsRegular';
    src: url('../themes/fonts/CaviarDreams-webfont.eot');
    src: url('../themes/fonts/CaviarDreams-webfont.eot?#iefix') format('embedded-opentype'),
         url('../themes/fonts/CaviarDreams-webfont.woff') format('woff'),
         url('../themes/fonts/CaviarDreams-webfont.ttf') format('truetype'),
         url('../themes/fonts/CaviarDreams-webfont.svg#CaviarDreamsRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@media only screen and (max-width: 592px) and (min-width: 320px){
	 body { font-size:90%;}
	.container_all { width:100% !important; clear:both; height: 1820px;}
	.logoholder-20 { position:static; width:98%; height:90px; margin:1px 0 0 1px; padding:0; }
	.logoholder-20 img { width:auto; height:90px; top:0;}
	.styl05_texturebg { height:344px; }
	.logo-in-020 { position:static; width:100%; height:90px;}
	.logo-in-020 h1 { position:static; width:95%; font-size:1.8em; margin:0; padding-left:5%; line-height:1.4; height:auto;}
	.logo-in-020 h2 { position:static; width:96%; padding:0; margin:0 0 0 2%; text-align:left;}
	ul.nav-in-020 { width:98%; position:static; height:auto; clear:both; margin-left:1%; }
	ul.nav-in-020 li { height:35px; width:49.10%;}
	ul.nav-in-020 li a,ul.nav-in-020 li.current { width:49.10%; height:25px;}
	ul.nav-in-020 li.current { padding:10px 0 0 0;}
	ul.nav-in-020 li a { width:100%; padding-top:10px;}
	ul.nav-in-020 li a:hover { width:92%; height:25px;}
	
	
	ul.submenu-20 li a { width:100%; overflow:hidden; font-size:0.92em; }
	ul.submenu-20 li,ul.submenu-20 li.current { width:100%;}
	
	.topstrip-20 { z-index:0;}
	
	.content-20 {width:94%; height:900px; position:static; margin-left:2%;}
	.cimgbox-20 { position:static; height:auto; margin:0 auto; }
	
	.icnWrap { width:50%; position:absolute; top: 1750px; left:160px;  }
	.icnWrap > div { float:left; width:24%; height:40px;  }
	
	.sitegallery-20,.mediaplayer-20,.store-20,.contactus-20 { position:static;}
	.sitegallery-20 img, .mediaplayer-20 img, .store-20 img, .contactus-20 img { width:32px; height:32px; position:static;}
	.fnav-in_20 { width:98%; top:1620px; left:0;}
	
	#mp_container_20 { width:98%; position:static; margin:15px auto 0 suto; clear:both; height:700px; }
	#mp_container_20 h3 { font-size:1.84em; }
	#scrollBox_20 { width:80%; height:600px;  }
	
	.homeicon_20 { top:12px; right:32px;}
	
	.icons_text { display:none; }
	.squarbox_red_20 { left:240px;}
	.squarbox_black_20 { left:290px;}
	.menu_line { width:100%;}
	.icons_text { display:none; }
	
	.socialnetwork-20,.socialnetwork2-20 { left:10px;}

	
}

@media only screen and (max-width: 592px) and (min-width: 480px){
	
}

@media only screen and (max-width: 800px) and (min-width: 768px){
	.container_all { width:100%;}
	.content-20,.design-20 { width:99.5%; }
	ul.nav-in-020 { width:65%;}
	ul.nav-in-020 li { height:50px; width:16%;}
	ul.nav-in-020 li a,ul.nav-in-020 li.current { width:16%; height:25px;}
	ul.nav-in-020 li.current { padding-top:20px;}
	ul.nav-in-020 li a { width:100%; padding-top:10px;}
	ul.nav-in-020 li a:hover { width:100%; height:32px;}
	.logo-in-020 h1 { top:143px; font-size:1.64em; }
	
	.icnWrap { width:100%; position:absolute; top:800px;   }
	.icnWrap > div { float:left; width:20%;  }
	.sitegallery-20,.mediaplayer-20,.store-20,.contactus-20 { position:static;}
	.sitegallery-20 img, .mediaplayer-20 img, .store-20 img, .contactus-20 img { width:92px; height:92px; }
	.icons_text { position:static; clear:both; display:block; width:auto; }
	.cimgbox-20 { width:33%;}
	ul.submenu-20 { margin:0 auto; }
	#mp_container_20 { width:65%;}
	#scrollBox_20 { width:92%;}
	.fnav-in_20 { width:94%; }
}